<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:nf="http://novelfaces.be/jsf/comp"
	xmlns:nfsc="http://novelfaces.be/showcase/jsf/comp"
	xmlns:sp="http://java.sun.com/jsf/composite/source_panel"	
	template="../../templates/componentTemplate.xhtml">

	<ui:define name="component_title">#{rb.input_text}</ui:define>
	<ui:define name="extracCss"><h:outputStylesheet library="primefaces" name="datatable/datatable.css" /></ui:define>
	<ui:define name="component_content">
		<section class="intro">
			<p>
				This component is an html5 enabled input text field (supports html5 attributes).
			</p>
		</section>
		<p:accordionPanel id="accordion" autoHeight="false">
			<p:tab id="example1"
				title="Example1 - This example demonstrates some htlm5 attributes (pattern, placeholder, required) if supported by your browser">
				<ui:include src="inputText_example1.xhtml" />
				<sp:sourcePanel id="example1XhtmlPanel" header="#{rb.source_xhtml}"
					src="/nf/input-text/inputText_example1.xhtml" />
				<sp:sourcePanel id="example1BeanPanel" header="#{rb.source_bean}"
					sourceType="java"
					src="/src/be/novelfaces/showcase/InputTextManagedBean.java" />
			</p:tab>
		</p:accordionPanel>
	</ui:define>

</ui:composition>